<template>
	<view class="add-assets">
		<text>资产账户</text>
		<view class="assets-content">
			<view class="assets-content-view">
				<uni-icons fontFamily="CustomFont" :size="30" @click="()=>goTo('现金')">{{'\ue637'}}</uni-icons>
				<text>现金</text>
			</view>
			<view class="assets-content-view">
				<uni-icons fontFamily="CustomFont" :size="30" @click="()=>goTo('储蓄卡')">{{'\ue62e'}}</uni-icons>
				<text>储蓄卡</text>
			</view>
			<view class="assets-content-view">
				<uni-icons fontFamily="CustomFont" :size="30" @click="()=>goTo('微信钱包')">{{'\ue650'}}</uni-icons>
				<text>微信钱包</text>
			</view>
			<view class="assets-content-view">
				<uni-icons fontFamily="CustomFont" :size="30" @click="()=>goTo('支付宝')">{{'\ue634'}}</uni-icons>
				<text>支付宝</text>
			</view>
			<!-- <view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('qq')"></uni-icons>
				<text>QQ钱包</text>
			</view>
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('wallet')"></uni-icons>
				<text>公积金</text>
			</view>
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('wallet')"></uni-icons>
				<text>医保</text>
			</view>
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('other')"></uni-icons>
				<text>其他</text>
			</view> -->
		</view>
		<text>信用账户</text>
		<view class="assets-content">
			<view class="assets-content-view">
				<uni-icons fontFamily="CustomFont" :size="30" @click="()=>goTo('信用卡')">{{'\ue797'}}</uni-icons>

				<text>信用卡</text>
			</view>
			<!-- 
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('wallet')"></uni-icons>
				<text>花呗</text>
			</view>
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('wallet')"></uni-icons>
				<text>京东白条</text>
			</view>
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('wallet')"></uni-icons>
				<text>借呗</text>
			</view>
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('wallet')"></uni-icons>
				<text>其他</text>
			</view> -->
		</view>
		<!-- <text>充值账户</text>
		<view class="assets-content">
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('wallet')"></uni-icons>
				<text>饭卡</text>
			</view>
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('wallet')"></uni-icons>
				<text>现金</text>
			</view>
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('wallet')"></uni-icons>
				<text>公交卡</text>
			</view>
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('wallet')"></uni-icons>
				<text>校园卡</text>
			</view>
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('wallet')"></uni-icons>
				<text>会员卡</text>
			</view>
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('wallet')"></uni-icons>
				<text>其他</text>
			</view>
		</view>
		<text>投资账户</text>
		<view class="assets-content">
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('wallet')"></uni-icons>
				<text>股票</text>
			</view>
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('wallet')"></uni-icons>
				<text>基金</text>
			</view>
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('wallet')"></uni-icons>
				<text>债券</text>
			</view>
			<view class="assets-content-view">
				<uni-icons type="wallet" size="30" @click="()=>goTo('wallet')"></uni-icons>
				<text>其他</text>
			</view>
		</view>
 -->
	</view>
</template>

<script lang="ts" setup>
	const goTo = (type : string) => {
		uni.redirectTo({ url: `/pages/assetsManagement/addAssets/createAssetsAccount/createAssetsAccount?type=${type}` })
	}
</script>

<style lang="scss">
	.add-assets {
		padding: 20px 10px 0;

		.assets-content {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			margin: 10px 0 25px;

			>.assets-content-view {
				width: 20%;
				line-height: 38px;
				margin-bottom: 10px;
				display: flex;
				flex-direction: column;
				align-items: center;
			}
		}
	}
</style>